<script setup lang="ts">
import HeaderView from '../components/HeaderView.vue'
import FooterView from '../components/FooterView.vue'
</script>

<template>

  <HeaderView />


  <div class="container-container">

    <div class="container-result">
      <el-image src="images/result.png" />
      <p>Your information has been submitted and we will get in touch with you as soon as possible!</p>
      <p>If you have any questions, please contact toantoan.nt1978@gmail.com.</p>
      <div class="container-result-but">
        <router-link to="/">Little Rascal</router-link>
        <router-link to="/Myhome" class="my">My Orders</router-link>
      </div>
    </div>

  </div>

  <FooterView class="footer" />

</template>

<script lang="ts">

export default {
  data() {
    return {
      pageTitle: 'Result',

      };
  },
  created() {
    this.updateTitle();
  },
  methods: {
    updateTitle() {
      document.title = this.pageTitle; // 或者根据需要动态设置标题
    }
  }

}


</script>

<style>
.el-image {
      padding-bottom: 30px;
    }
  .container-result {
     min-height: 500px;
    padding: 30px 0 80px 0;
    margin: 0 auto;
    width: 400px;
    font-size: 14px;
    text-align: center;
    p {
      padding: 10px 0;
      line-height: 1.5;
    }
    .container-result-but {
      display: flex;
      justify-content: center;
      padding: 20px 30px;
      a {
        background-image: linear-gradient(to right, #f41cb2, #f25511);
        margin: 0 20px;
        color: #ffffff;
        border-radius: 5px;
        padding: 10px 20px;
      }
      a.my {

        background-image: linear-gradient(to right, #87c542, #c5d816);
        margin: 0 20px;
      }
    }
  }
@media only screen and (max-width: 1000px) {
  .container-result {
    width: 100%;
    .container-result-but a {
      margin: 0 10px;
    }
  }
  .footer {
    display: none;
  }

}
</style>
